<template>
  <span class="promt-message-tooltip">
    <el-tooltip effect="light" placement="top">
      <div slot="content">
        <p v-for="(item, index) in messages" :key="index">
          {{ item }}
        </p>
      </div>
      <i class="el-icon-question tips-icon"></i>
    </el-tooltip>
  </span>
</template>

<script>
export default {
  name: "tableHeaderTip",
  props: {
    messages: {
      type: Array,
      default: [],
    },
  },
  data() {
    return {};
  },
};
</script>

<style scoped>
.tips-icon {
  color: rgba(255, 101, 0);
  margin-left: 5px;
  font-size: 14px;
}
</style>